*{padding: 0;margin: 0;}
body{background: white;}
.middle{
    width: 100%;height: 475px;background: #83C7D4;
    .middle_center{
        width: 990px;height: 475px;background: url(../images/bg47.jpg);
        margin: 10px auto;                 
        .login{
            width: 327px;height: 343px;background: white;float: right;
            margin-top: 38px;
            position: relative;
            padding: 14px 0 0 19px;

            .box{
                width: 306px;height: 317px;
//              border: 1px solid #ccc;
                .tou{
                    width: 306px;height: 27px;
                    p{line-height: 27px;color: #666;font-size: 20px;float: left;}
                    .biao{display: block;width: 17px;height: 17px;float: right;
                            background: url(../images/bg_4.png)no-repeat -104px -75px;
                            margin-top: 6px;
                    }
                   
                    a{float: right;font-size: 14px;color: #B61D1D;padding-left: 5px;margin-top: 4px;&:hover{text-decoration: underline;}}
                }
                .jinggao{width: 295px;height: 20px;background: #FFF6D2;border:1px solid #FFE57D;
                        padding: 6px 0 0 9px;
                        opacity: 0;
                        .biao{
                            width: 12px;height: 16px;display: block;float: left;
                            background: url(../images/bg_4.png)no-repeat -104px -23px;
                            margin-right: 10px;
                        }
                
                }
                .yonghu{width: 306px;height: 40px;
                            margin-top: 12px;
                    .biao{
                        width: 38px;height: 38px;
                        border: 1px solid #ccc;
                        float: left;
                        background: url(../images/bg_4.png)no-repeat;
                    }
                    .mima{background: url(../images/bg_4.png)no-repeat -48px 0;}
                    .text{width: 265;height: 38px;
                        border: 1px solid #ccc;
                        line-height: 38px;text-indent: 10px;
                        font-size: 16px;
                        margin-left: -1px;
                    }
                    
                }
                .forget{width: 306px;height: 18px;margin-top: 20px;line-height: 18px;                       
                        .check{margin:4px 5px 0 0;}
                        a{margin-left: 177px;}
                }
                .sub2{
                    width: 306px;height: 33px;
                    background: #E4393C;color: white;
                    text-align: center;line-height: 33px;
                    font-size: 20px;
                    border: none;border-radius: 3px 3px;
                    margin-top: 8px;
                    cursor: pointer;
                }
                .zi{margin-top: 23px;}  
                .wq{
                    margin-top: 10px;
                    span{padding: 0px 5px 0 5px;}
                    a:hover{text-decoration: underline;}
                }   
                
            }
            .erwei{width: 60px;height: 60px;position: absolute;
                    bottom: 0;right: 0;
                    background:url(../images/bg_5.png)no-repeat -60px 0;}
        }
    }
}
